@CHARSET "UTF-8";
/* -------------------首页--------------------* /
/* 导航部分 */
/*.top_part{width:1000px;}
.simple_style .hire_nav{background:#396;}
		.simple_style .hire_nav li.selected a{background:#fff; color:#333;}
			.simple_style .hire_nav li a{background:#5CAD85;}
				.simple_style .hire_nav li a:hover{background:#fff; color:#333; box-shadow:none;}


	.nav_right a{color:#fff;}*/
	
.mainav {  background:#18ac63 url(/images/hire/navlibg_hire.gif) repeat-x;}
#navlisbox li { background:url(/images/hire/fenge_x_hire.gif) no-repeat left top; }
#navlisbox li.on { background:#fff url(/images/hire/backon_hire.gif) no-repeat; }
#navlisbox li .fengeix {background:url(/images/hire/fenge_x_hire.gif) no-repeat right top; }
#navlisbox li .navlit_box .on { background:url(/images/hire/navlit_hire.gif) no-repeat;}
#navlisbox li .navlit_box span a:hover {background:url(/images/hire/navlit_hire.gif) no-repeat;}
.menu .spci_a {background:#007038;}
.menu .spci_a:hover {background: url(../img/nav/secuces_hire.gif) no-repeat;}


/* 雇佣任务流程部分 */
.prom_left{width:730px; display:inline; float:left; /*overflow:hidden;*/}
	.prom_process{width:156px;  height:280px;display:inline; float:left; padding:10px;margin-right:10px; _margin-right:8px; border:1px solid #dfdfdf; background:#f4f4f4; height:260px;}
	.prom_process a{ display: block; color:#333; }
	.prom_process a div{cursor: pointer;}
		.prom_process h1{font-size:20px; color:#d55500; font-family:"微软雅黑"; font-weight:normal;}
		.prom_process .step_first{background:#fff; border:1px solid #dfdfdf; box-shadow:0 2px 5px rgba(0,0,0,0.1); width:145px; height:28px; line-height:28px; font-family:"宋体";}
		.prom_process .hir_wzguw {font-size:20px; color:#d55500; font-family:"微软雅黑"; font-weight:normal;}
			.arrow b{background:url(/images/hire/arrow.gif) no-repeat center top; width:20px; height:66px; float:left; padding-left:14px; padding-right:6px; font-size:12px; color:#fff; line-height:12px; font-family:"宋体"; padding-top:5px;}
	.banner{width:540px; height:280px;display:inline; float:left; position:relative; z-index:1; overflow:hidden; }
	.battle{background:#fff; border:1px solid #dfdfdf; position:relative; z-index:0;}
		.battle_label{background:url(/images/hire/battle_label.gif) no-repeat; width:44px; height:44px; position:absolute; z-index:2; top:-1px; left:-1px;}
			.img_left{background:url(/images/hire/left.gif) no-repeat center center; width:17px; height:34px; padding-top:110px; display:inline-block;}
			.scroll{float:left;}
				.scroll .specific{ background:#FFF3D5; border:1px solid #FBDAC4; padding:15px;}
				.scroll li{float:left; width:198px;  margin-left:5px; margin-right:5px;word-wrap:break-word !important;word-break:normal !important;}
					.scroll li p{font-size:25px; font-weight:bold; color:#c30;}
					.specific a{ display: block;  font-size:15px; color:#666; width: 166px; height:25px;white-space:nowrap;  overflow: hidden; text-overflow:ellipsis; font-family:"微软雅黑"; }
			.img_right{background:url(/images/hire/right.gif) no-repeat center center; width:17px; height:34px; padding-top:110px; display:inline-block;}

/* 成功雇佣的任务部分 */
.success_list .nav_lists_nav li a{background:#efefef;}
	.simple_style .nav_lists_nav{border-bottom:3px solid #396;}
		.simple_style .nav_lists_nav ul li a.selected,
		.simple_style .nav_lists_nav ul li a:hover,
		.nav_lists ul li a.selected:hover{background:#396; border-color: #396;}
		.nav_lists_nav a.more{ text-decoration:underline;}
	.success_list .task_list{background:#fff; border:1px solid #e9e9e9;}
		.success_list .task_list dd{border-top:1px solid #e9e9e9; margin-top:-1px; padding-bottom:20px; padding-top:20px;}
		.success_list .task_list dd.tags{border:none; height:40px; line-height:40px; font-size:14px; font-family:"宋体"; border-bottom:1px solid #dfdfdf; padding:0 10px; overflow:hidden;}
			.success_list #success.task_list ul{width:350px; float:left;  }
			.success_list .task_list li.bounty{font-size:14px; font-family:"宋体"; *width:320px;}
			.success_list .task_list li p span{font-weight:bold;}
			/*.success_list .task_list li a{background-color:none;}*/
			.success_list .task_list li span{color:#ea5e00;}
				.success_list .task_list li .pic{width:60px; height:60px; float:left; background:#999;}
				.success_list .task_list li .pic img{width:56px; height:56px;}
				.success_list .task_list li .text{width:270px; float:left;}
					.success_list .task_list li .text span{color:#ea5e00; font-weight:bold;}
					.success_list .task_list li .text p{line-height:20px;}
						.success_list .task_list li .text p a{background:none;}

/* 赚钱故事会部分 */
.story{background:#f4f4f4; border:1px solid #dfdfdf;}
	.story .title{border-bottom:1px solid #dfdfdf;}
		.story .title b {font-size:25px; color:#333; font-family:"微软雅黑"; font-weight:normal;} 
		.story .title span{display:inline-block; float:left;}
		.story span{line-height:45px; padding-left:10px; color:#999;}
			.story dl{border-top:1px solid #fff;}	
				.story dd{padding-bottom:20px;}
					.story dd ul li{width:344px; float:left; margin-bottom:10px; height: 115px; overflow: hidden; }
						.story dd .pic{width:112px; float:left; height:112px; }
						.story dd .pic .pic_middle{width:100px; float:left; height:100px; background:#fff; padding:5px; border:1px solid #e9e9e9;}
	
	.story .tells{width:200px; float:left; line-height:18px; padding-left:10px; padding-right:20px;}			
	.story .tells .c333{ margin-bottom:10px;}
/* 右边部分 */
.prom_right{width:260px; float:left; margin-left:10px;}
	.release_needs{margin:0; width:258px; height:280px;}
		.release_needs .top_box .button{padding:5px 20px; font-size:25px; font-weight:normal; font-family:"微软雅黑"; width:200px; margin-left:auto; margin-right:auto;}
		.simple_style .box.default:hover{box-shadow:none;}
		.simple_style .release_needs h1{font-size:25px; color:#333; font-family:"微软雅黑";}
		.simple_style .release_needs .tlxz_x {font-size:25px; color:#333; font-family:"微软雅黑";}
		.release_needs .bottom_box a{ text-align:center; width:91px; padding-bottom:0;  border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#666;}
	.contact{width:238px; border:1px solid #dfdfdf; height:145px; }
		.contact li{font-size:14px; font-family:"宋体"; line-height:30px;}
			.contact li span{color:#ea5e00; font-size:25px; font-family:"微软雅黑"; display:inline-block;}
	.count{border:1px solid #dfdfdf; width:238px;}
		.count .title{font-size:22px; font-weight:bold; font-family:"微软雅黑";}
			.count .trade p{color:#666; font-size:14px; font-family:"宋体";}
			.count .trade span{font-size:25px; font-family:"微软雅黑"; font-weight:bold;}
		.count .release{width:140px; margin:0 auto; }
		.count .release button{font-size:14px; font-weight:bold;}
			.count .release button{padding:10px 20px; *padding:10px 0;}
	.pub{border:1px solid #dfdfdf; width:258px;}
		.pub .menu{width:105%;}
			.pub .menu li{width:130px; float:left; text-align:center; font-size:14px; background:#f4f4f4; font-weight:normal; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; height:35px; line-height:35px;}
				.pub .menu li.hover{background:#fff; color:#333; font-weight:bold; border-bottom:none; }
				.pub .menu li a{color:#333;}
		.pub .ditait{overflow:hidden; width:100%;}
		.main ul li { height:22px;}
				.main ul li a{background:url(/images/hire/dot.gif) no-repeat; height:22px; line-height:22px; overflow:hidden; display:block; padding-left:20px; text-overflow:ellipsis; white-space:nowrap; width:220px; margin-left:5px; color:#666;}	
				/*.main ul li a:hover{overflow:visible; width:auto; position:absolute; z-index:3;}*/
	.champ{background:url(/images/hire/champ.gif) no-repeat; width:260px; height:70px;}	
		.champ p{padding-top:36px; color:#fff; padding-left:15px;}		
		.champ_list{background:#f4f4f4; border:1px solid #dfdfdf; border-top:none;}		
			.champ_list ul{border-top:1px dashed #e0e0e0; padding-bottom:10px; padding-top:10px;}	
				.champ_list li{float:left;}	
					.champ_list li.digital{width:20px; color:#ea5e00; font-size:22px; font-weight:bold; padding-top:15px;}
					.champ_list li.pic{width:60px; height:60px;  background:#999;}
						.champ_list li.pic img{width:60px; height:60px;}
						.champ_list li p{line-height:19px;}
	.joinvip{width:258px; border:1px solid #dfdfdf;}
		.joinvip .title{padding-left:10px; padding-right:10px; padding-top:10px;}
			.joinvip .title span{display:inline-block;}
			.joinvip .title .vip{font-size:14px; font-family:"宋体"; width:100px; float:left;}
			.joinvip ul li{width:54px; height:54px; background:#999; float:left; margin-left:8px; margin-bottom:10px;}	
			#ie6 .joinvip ul li{ margin-left:6px;}	
		.join_button{margin:10px; border-top:1px dotted #999;}	
			.simple_style .join_button button{font-weight:normal; font-size:12px; margin:0 auto; width:100px;}


/* -----------------------雇佣大厅--------------------- */	
/* 图片展示部分 */
.hall_pic{border:1px solid #dfdfdf; width:718px; /*overflow:hidden;*/}
.hall_pic li{float:left;}

	.recommendation_list ul{*padding-bottom:10px;padding-top: 20px}	
		.recommendation_list li{background:#999; width:83px; height:83px; margin-bottom:10px; margin-right:5px;}
			.recommendation_list li img{width:80px; height:80px;}
.task_list .tag{border:none;}
.simple_style .list dd{color:#666; border-top:none; padding-bottom:0; padding-left:10px; padding-right:10px;}
.simple_style .list dd ul{border-bottom:1px solid #dfdfdf; padding-bottom:20px;}
.simple_style .list dd.hover{ font-weight:bolder;}
.rollbox .jcarousel{width:620px;  height:130px; left:0;}
.rollbox .bt{position:absolute; top:10px; right:10px; width:31px;}
	.rollbox .bt a.left_arrow{background:url(/images/hire/rbtleft.gif) no-repeat; width:15px; height:17px; display:block; float:left; text-indent:-9999px;}
	.rollbox .bt a.right_arrow{background:url(/images/hire/rbtright.gif) no-repeat; width:15px; height:17px; display:block; float:left; text-indent:-9999px;}
.battle_roll .jcarousel{left:0; top:25px; width:215px; overflow:hidden; height:150px;}
.select_condition a.selected{padding:2px 10px 3px 5px; margin-right:0;}

.hrr_container {position: relative;}
.hrr {position: absolute;background: url("/images/hire/hrr.gif") no-repeat scroll 0 0 transparent; width: 164px; height: 60px;top:-18px}
.hrr_right {padding-left: 200px; position: relative;}

.apply {position: absolute; top: 15px; right: 18px}

.box_header{border-bottom:none;;background:none; padding:10px !important;}
.box_nav{ position:relative; z-index:1;}
.box_nav ul li{ display:inline; float:left;}
.box_nav ul li.backLava {display:block; float:none; border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color: #f60;margin:0;z-index:1; bottom:0;}
.box_nav ul li.selectedLava a{ font-weight:bold;color:#2f549f;}
.box_nav a{ display:block; color:#333; margin: 5px 0; padding:0; font-size:14px; text-align:center; width:80px; line-height:15px; font-size:14px; border-right:1px solid #ccc; position:relative; z-index:2;}


@media only screen and (min-width: 240px) and (max-width: 500px){
	.prom_left,
	.prom_right,
	.prom_process,
	.release_needs{ float: none; clear: both; width: auto; margin-left:10px; margin-right: 10px; display: block; }
	.prom_right{ margin-top: 10px;}
	.prom_process,
	.release_needs{margin-left:0; margin-right: 0;  text-align: center;}
	.prom_process .step_first{ width: auto;}
	.arrow h1{ padding-left: 13%;  padding-right: 13%; margin-right: -2%;}
	

	.top_part,
	.count,
	.contact,
	.pub,
	.champ,
	.joinvip{ width: auto;}



	.battle{width: 457px;}
	.img_left,.img_right{ position: absolute; z-index: 999; left: 0; top: 10px;}
	.img_right{ left: auto; right: 0;}

	.battle .jcarousel{ width:440px; margin: 0 !important; }
	.battle .jcarousel li{ margin-right: 20px;}

	.success_list{ width: auto;}
	.success_list .task_list dd{ padding-top: 10px; padding-bottom:0;}
	.success_list #success.task_list ul{ float: none; width: auto; clear: both; margin-bottom:10px; }
	.success_list .task_list li .text{ width: auto;}
	.nav_lists_nav a.more{ position: absolute; z-index: 1; font-size: 12px;} 

	.story dd ul li{ float: none; clear: both; width: auto; margin-bottom: 10px;}
	.story dd .pic{ margin-right: 10px}
	.story .tells{ float: none; width: auto;}

	

	.pub .menu li{ width: 49.2%;}
	.main ul li a{ width: 92%;width: calc(100%-25px);}

	.champ{ background-color:#396 }
}	

